(function(){
    //实例化对象
    var myCharts=echarts.init(document.querySelector('.line-one .chart'));
 	//指定配置项		
    var option = {
     	tooltip: { //提示框组件
     		trigger: 'axis',
     		formatter: '{b}<br />{a0}: {c0}<br />{a1}: {c1}',
     		axisPointer: {
     			type: 'shadow',
     			label: {
     				backgroundColor: '#6a7985'
     			}
     		},
     		textStyle: {
     			color: '#fff',
     			fontStyle: 'normal',
     			fontFamily: '微软雅黑',
     			fontSize: 14,
     		}
     	},
     	grid: {
     		left: '4%',
     		right: '4%',
     		bottom: '5%',
     		top:'15%',
     	//	padding:'0 0 10 0',
     		containLabel: true,
     	},
         legend: {//图例组件，颜色和名字
            left:'4%',
     		top:'3%',
     		itemGap: 20,
     		itemWidth: 20,
     		itemHeight: 10,
             data:[{
                 name:'国五',
                  // icon:'image://assets/img/checked.png', //路径
    			  icon: "circle",
    			  
             },
             { 
                 name:'国五以上',
    			// icon:'image://assets/img/checked.png',
    			icon: "circle",
    			
             }],
             textStyle: {
     			color: '#ffffff',
     			fontStyle: 'normal',
     			fontFamily: '微软雅黑',
     			fontSize: 14,            
             }
         },
     	xAxis: [
     		{
     			type: 'category',
     		//	boundaryGap: true,//坐标轴两边留白
     			data: ['03-12', '03-13', '03-14','03-15','03-16','03-17','03-18'],
     			axisLabel: { //坐标轴刻度标签的相关设置。
     		//		interval: 0,//设置为 1，表示『隔一个标签显示一个标签』
     			//	margin:15,
     				textStyle: {
     					color: '#7DA6EF',
     					fontStyle: 'normal',
     					fontFamily: '微软雅黑',
     					fontSize:14,
     				},
     				// rotate:50,
     			},
    			axisLine:{
    				//去除轴线
    				show:false
    			},
     			axisTick:{//坐标轴刻度相关设置。
     				show: false,
     			},
     			splitLine: { //坐标轴在 grid 区域中的分隔线。
     				show: false,
     			}
     		}
     	],
     	yAxis: [
     		{
     			type: 'value',
     			splitNumber: 4,
     			axisLabel: {
     				textStyle: {
     					color: '#7DA6EF',
     					fontStyle: 'normal',
     					fontFamily: '微软雅黑',
     					fontSize: 14,
     				}
     			},
     			axisLine:{
     				show: false
     			},
     			axisTick:{
     				show: false
     			},
     			splitLine: {
     				show: true,
     				lineStyle: {
     					color: ['#fff'],
     					opacity:0.00
     				}
     			}
     		}
     	],
         series : [
             {
                 name:'国五',
                 type:'bar',
                 data:[30,120,60,90,100,90,30],
    			 showBackground: true,
    			         backgroundStyle: {
    			             color: 'rgba(0, 124, 244, 0.13)'
    			         },
                 barWidth: 20,
                 barGap:1,//柱间距离
                 // label: {//图形上的文本标签
                 //     normal: {
                 //       show: true,
                 //       position: 'top',
                 //       textStyle: {
                 //           color: '#a8aab0',
                 //           fontStyle: 'normal',
                 //           fontFamily: '微软雅黑',
                 //           fontSize: 12,   
                 //       },
                 //     },
                 // },
               itemStyle: {
                     normal: {
                         show: true,
                         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                             offset: 0,
                             color: '#04F5F9'
                         }, {
                             offset: 1,
                             color: '#007CF4'
                         }]),
                         barBorderRadius: 50,
                         borderWidth: 0,
                     }
                 },
             },
             {
                 name:'国五以上',
                 type:'bar',
                 data:[10,30,60,90,120,30,60],
    			 showBackground: true,
    			         backgroundStyle: {
    			             color: 'rgba(67, 70, 211, 0.28)'
    			         },
                 barWidth: 20,
                 barGap:1,//柱间距离
                 // label: {//图形上的文本标签
                 //     normal: {
                 //       show: true,
                 //       position: 'top',
                 //       textStyle: {
                 //           color: '#a8aab0',
                 //           fontStyle: 'normal',
                 //           fontFamily: '微软雅黑',
                 //           fontSize: 12,   
                 //       },
                 //     },
                 // },
                  itemStyle: {
    				  
                     normal: {
                         show: true,
                         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                             offset: 0,
                             color: '#4D51FF'
                         }, {
                             offset: 1,
                             color: '#573AD8'
                         }]),
                         barBorderRadius: 80,
                         borderWidth: 0,
                     },
    				
                 },
             }
         ]
    };
	
    //把配置项给实例对象
	myCharts.setOption(option);

})();

